<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.com">
<head>
    <meta charset="UTF-8">



    <title>lsc's blog</title>
</head>
<body id="body" class="fix-padding skt-loading">
<!-- 页面整体布局 -->
<div id="alllayout" class="app app-aside-fix container">
    <!-- 左侧栏 -->
    <aside id="left_aside" class="app-aside hidden-xs bg-white">
        <nav class="navi clearfix">
            <ul class="nav">
                <div class="line dk hidden-folded"></div>
                <!-- 导航 -->
                <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                    <span>导航</span>
                </li>
                <!-- /导航 -->

                <!-- 首页 -->
                <li>
                    <a th:href="@{/}" class="auto"
                       style="cursor: url(&quot;https://www.valieo.com/usr/plugins/AliceStyle/static/mouse/dew/link.cur&quot;), pointer;">
                        <span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                    class="feather feather-home" style="color: rgb(134, 210, 243);"><path
                                d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline
                                points="9 22 9 12 15 12 15 22"></polyline></svg></span>
                        <span>首页</span>
                    </a>
                </li>
                <!-- /首页 -->

                <!-- 归档 -->
                <li>
                    <a target="_self" th:href="@{/archive}" class="auto"
                       style="cursor: url(&quot;https://www.valieo.com/usr/plugins/AliceStyle/static/mouse/dew/link.cur&quot;), pointer;">
                        <span class="nav-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                 stroke-linecap="round" stroke-linejoin="round"
                                 class="feather feather-archive" style="color: rgb(93, 189, 231);">
                                <polyline points="21 8 21 21 3 21 3 8"></polyline>
                                <rect x="1" y="3" width="22" height="5"></rect>
                                <line x1="10" y1="12" x2="14" y2="12"></line>
                            </svg>
                        </span>
                        <span>归档</span>
                    </a>
                </li>
                <!-- /归档 -->


            </ul>

        </nav>
    </aside>
    <!-- /左侧栏 -->

    <!-- 文章展示-->
    <div id="content" class="app-content">
        <main class="app-content-body">
            <div class="hbox hbox-auto-xs hbox-auto-sm">
                <div class="col center-part">
                    <!--                    -->
                    <header class="bg-light lter wrapper-md">
                        <h1 class="m-n font-thin text-black l-h">LSC's Blog</h1>
                        <small class="text-muted letterspacing indexWords">生如逆旅，一苇以航</small>
                    </header>
                    <!--                    -->
                    <div class="wrapper-md skt-loading">
                        <div class="blog-post post-list" th:each="article:${articles}">
                            <div class="single-post panel box-shadow-wrap-normal">
                                <div class="post-meta wrapper-lg">
                                    <h2 class="m-t-none text-ellipsis index-post-title text-title">
                                        <a th:href="@{'/detail/'+${article.a_id}}" th:text="${article.a_title}">article title</a>
                                    </h2>
                                    <p class="summary l-h-2x text-muted">summary</p>
                                    <div class="line line-lg b-b b-light"></div>
                                    <div class="text-muted post-item-foot-icon text-ellipsis list-inline">
                                        <li>
                                            <span class="m-r-sm right-small-icons">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                                     viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                     class="feather feather-user">
                                                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                                    <circle cx="12" cy="7" r="4"></circle></svg>
                                            </span>
                                            <a href="https://www.valieo.com/author/1/">Valieo</a>
                                        </li>
                                        <li>
                                            <span class="right-small-icons m-r-sm">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                                     viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                     class="feather feather-clock">
                                                    <circle cx="12" cy="12" r="10"></circle>
                                                    <polyline points="12 6 12 12 16 14"></polyline>
                                                </svg>
                                            </span>2021 年 11 月 18 日
                                        </li>
                                        <li>
                                            <span class="right-small-icons m-r-sm">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                                     viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                     class="feather feather-message-square">
                                                    <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                                                </svg>
                                            </span>
                                            <a href="https://www.valieo.com/archives/94/#comments">暂无评论</a>
                                        </li>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <nav>

                        </nav>
                    </div>
                </div>

            </div>
        </main>
    </div>
    <!-- /文章展示-->

    <!-- 右侧栏 -->
    <aside id="right_aside" class="app-aside hidden-xs bg-white">

    </aside>
    <!-- /右侧栏 -->

</div>
<!-- /页面整体布局 -->
</body>
</html>